<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>{if $serial > 0 or $file_arr[2] <> $title}{$file_arr[2]} - {/if}{$title|raw}</title>
<meta name="keywords" content="{$rs.keyword|raw}" />
<meta name="description" content="{$rs.description|raw}" />
<link rel="shortcut icon" type="image/x-icon" href="{$siteRs.ico}" />
{include file="public/css" /}
<script type="text/javascript" src="{:config('template.skin')}/cyberplayer-3.5.3/cyberplayer.js"></script>
</head>
<body>
{include file="public/head" /}
<!--banner 开始-->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner">
        <div class="carousel-item pt-5 active banner" style="background:url({$page_banner}) center center no-repeat;">
            <div class="col-md-12 mt-4 mt-sm-5 pt-sm-5 text-center">
                <div class="h2 text-white text-uppercase">{$rs.title}</div>
            </div>
        </div>
    </div>
</div>
<!--banner 结束-->
<!--面包屑 开始-->
<div class="w-100 bg-light py-2">
    <div class="container">
        <div class="row">
            <div class="col-md-8 pt-1 d-none d-sm-block">
                <a href="{$home_path}">{:lang('v_home')}</a><i class="fa fa-angle-right mx-2"></i>
                <a href="<?php the_list_url($controller); ?>">{:lang('v_video')}</a>
                {volist name="crumb" id="listnavRs"}
                    <i class="fa fa-angle-right mx-2"></i><a href="{$listnavRs.url}">{$listnavRs.title}</a><i class="fa fa-angle-right mx-2"></i>
                {/volist}
                <a href="<?php the_view_url($rs['id'],'video'); ?>">{$rs.title|raw}</a>
            </div>
            <div class="col-md-4">
                <form name="form_search" id="form_search" method="get" action="<?php the_list_url($controller); ?>">
                    <div class="input-group">
                        <input type="text" class="form-control form-control-sm btn-rounded" name="keyword" id="keyword" placeholder="{:lang('v_keyword_tips')}...">
                        <span class="input-group-append"><button type="button" name="btn_search" id="btn_search" class="btn btn-sm btn-rounded px-3"><i class="fa fa-search"></i></button></span>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!--面包屑 结束-->
<!--主体 开始-->
<div class="container mt-4 mt-sm-5">
    <div class="row">
        <div class="col-md-12 mb-3">
            <div class="w-100 bg-dark">
                <div class="row">
                    <div class="col-md-9">
                        <div class="w-100 border border-right-0" id="playerid"></div>
                    </div>
                    <div class="col-md-3 pl-sm-1 pl-4 video-right">
                        <div class="w-100 video-source">
                            <div class="video-list h6 line-height-180">{$rs.title}</div>
                            {foreach $morefile_arr as $vk => $file}
                                {php}$videoArr = explode('@',$file);{/php}
                                <div class="w-100 video-list h6">
                                    <a href="<?php the_view_url($rs['id'],'video'); ?>{if $vk > 0}?serial={$vk}{/if}" class="{if $serial eq $vk}text-danger{else /}text-white{/if}">
                                        <i class="fa fa-video mr-2"></i>{$videoArr[2]}
                                    </a>
                                </div>
                            {/foreach}
                        </div>
                    </div>
                </div>
            </div>
            <div class="w-100 alert-dark px-3 py-2">
                <div class="float-xl-left">
                    <h1 class="w-100 h5 mb-1 text-danger font-weight-bold">{$file_arr[2]}<span class="text-dark h6 mb-0 ml-3">{:lang('v_video_duration')}：[ {$file_arr[3]} {:lang('v_minutes')} ]</span></h1>
                    {if !request()->isMobile()}
                        <div>
                            {include file="public/share" /}
                        </div>
                    {/if}
                </div>
                <div class="float-xl-right mt-2">
                    <a class="btn btn-sm btn-rounded px-3 btn-light ml-sm-3" href="{:url('video/download',['tabledir'=>$tabledir,'id'=>$rs['id'],'fileurl'=>$video_url])}"><i class="fa fa-cloud-download-alt mr-1"></i>{:lang('v_down_click')}</a>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <!--内容 开始-->
        <div class="col-md-12 mb-sm-4">
            <div class="w-100 detail">
                <ul class="nav nav-tabs">
                    <li class="nav-item active"><a class="nav-link" href="#tab1" data-toggle="tab">{:lang('v_content1')}</a></li>
                    <li class="nav-item"><a class="nav-link px-4" href="#tab2" data-toggle="tab">{:lang('v_catalog')}</a></li>
                </ul>
                <div class="tab-content detail line-height-26">
                    <div id="tab1" class="tab-pane active detail mb-0">{$rs.content1|raw}</div>
                    <div id="tab2" class="tab-pane h6 mb-0">
                        <div class="w-100 video-source">
                            <div class="video-list h5 text-dark font-weight-bold mt-0">{$rs.title}</div>
                            {foreach $morefile_arr as $vk => $file}
                                {php}$videoArr = explode('@',$file);{/php}
                                <div class="w-100 video-list h6 alert-success p-2 rounded mb-0">
                                    <a href="<?php the_view_url($rs['id'],'video'); ?>{if $vk > 0}?serial={$vk}{/if}" class="{if $serial eq $vk}text-danger{/if}">
                                        <i class="fa fa-video mr-2"></i>{$videoArr[2]}
                                        <span class="text-muted ml-2">[ {$videoArr[3]} {:lang('v_minutes')} ]</span>
                                    </a>
                                </div>
                            {/foreach}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--内容 结束-->
    </div>
</div>
{include file="public/foot" /}
<!-- 视频 开始 -->
<script type="text/javascript">
    var player = cyberplayer("playerid").setup({
        width: '100%', // 宽度，也可以支持百分比(不过父元素宽度要有)
        {if request()->isMobile()}
            height: 320, // 高度，也可以支持百分比
        {else /}
            height: 540, // 高度，也可以支持百分比
        {/if}
        title: "{$file_arr[2]}", // 标题
        file: "{$video_url}", // 播放地址
        image: "{$file_arr[0]}", // 预览图
        autostart: false, // 是否自动播放
        stretching: "uniform", // 拉伸设置
        repeat: false, // 是否重复播放
        volume: 100, // 音量
        controls: true, // controlbar是否显示
        starttime: 0, // 视频开始播放时间点(单位s)，如果不设置，则可以从上次播放时间点续播
        ak: "{:config('other.baidu_ak')}" // 百度公有云平台注册即可获得accessKey，请替换为自己的参数，否则无法播放
    });
</script>
<!-- 视频 结束 -->
</body>
</html>